// pages/feedback/index.js
import regeneratorRuntime from '../../lib/runtime/runtime'

import { request } from "../../request/index"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs: [
      {
        id: 0,
        value: '体验问题',
        isActive: true
      },
      {
        id: 1,
        value: '商品、商家投诉',
        isActive: false
      },

    ],
    // 被选中的图片路径数组
    chooseImgs: [],
    // 文本域内容
    textVal: "",

  },

  handleTabsItemChange(e) {
    // console.log(e);
    // 1、获取被点击的标题索引
    const { index } = e.detail;
    // 2、修改原数组
    let { tabs } = this.data;
    tabs.forEach((v, i) => i === index ? v.isActive = true : v.isActive = false);
    // 3、赋值到data中
    this.setData({
      tabs
    })
  },

  // 点击 + 号 选择图片
  handleChooseImg() {
    wx.chooseImage({
      count: 9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (result) => {
        console.log(result);
        this.setData({
          chooseImgs: [...this.data.chooseImgs, ...result.tempFilePaths]
        })
      },
    });

  },
  // 删除图片
  handleRemoveImg(e) {
    // 获取索引
    const { index } = e.currentTarget.dataset;
    // 获取data中的图片数组
    let { chooseImgs } = this.data;
    // 删除元素
    chooseImgs.splice(index, 1);
    this.setData({
      chooseImgs
    })
  },
  // 文本域输入事件
  handleTextInput(e) {
    this.setData({
      textVal: e.detail.value
    })
  },
  // 提交按钮
  handleFormSubmit() {
    // 获取文本域内容
    const { textVal } = this.data;
    // 合法性检验
    if (!textVal.trim()) {
      wx.showToast({
        title: '内容不合法',
        icon: 'none',
        mask: true,
      });
      return
    }
  }
})